<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dashBoard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!--     <link rel="stylesheet" type="text/css" href="css/dashBoard.css"> -->
    <link rel="stylesheet" type="text/css" href="css/test.css">
    <link rel="stylesheet" type="text/css" href="css/animation.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/responsive.js"></script>
    <script src="js/dashBoard.js"></script>
</head>
<body>
    <div class="container">
        <div class="nav"></div>
        <div class="centerContent">
            <div  class="shuttle animation">
                <div class="kmph animate">km/h</div>
                <div class="speed animate"></div>
                <div class="shuttler animation"></div>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>

        <div class="footer">
            <div class="monitor animation"></div>
            <div class="footerBg"></div>
            <div class="numbers">
                <div class="nearest animation">NEAREST</div>
                <div class="distance animation">220<small>m</small></div>
                <div class="city animate">Washington St</div>
            </div>
            <div class="police animate"></div>
            <div class="incident animate"></div>
        </div>
    </div>
</body>
</html>